<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>电子放行条</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <style>
      body,html{
        background: #eee;
      }
      .main{
        margin: 4rem 1.5rem 2rem 1.5rem;
        background: #fff;
        padding-bottom: 1rem;
      }
      .toptitle{
        text-align: center;
        font-size: 0.9rem;
        height: 3rem;
        line-height: 3rem;
        color: #fff;
        background: #289fff;
        font-weight: bold;
      }
      .statu_box{
            /* background: #f5f5f5; */
            margin-top: 15px;
            padding-bottom: 15px;
            border-bottom:dashed 0.5px #eee;
        }
        .statu_msg{
            width: 100%;
            color: #333;
            text-align: center;
            line-height: 1.5rem;
            margin: 30px 0px 10px 0px;
        }
        .statu_erweima{
            width: 100%;
        }
        .erweima_box{
            width: 100%;
            
        }
        .erweima_pic{
            width: 8rem;
            height: 8rem;
            margin: 0 auto;
            position: relative;
        }
        .erweima_pic img.erweima{
            width: 100%;
            height: 100%;
        }
        .erweima_msg{
            width: 100%;
            text-align: center;
            margin-top: 10px;
        }
        .erweima_msg span{
            color: #d68c03;
            margin-right: 5px;
        }
       
      .bottom_btn{
        width: 70%;
        margin: 0 auto;
      }
      .bottom_btn .aui-btn,.quxiao-btn{
        background-color: #289fff;
        color: #fff;
        line-height: 2rem;
        height: 2rem;
        width: 50%;
        font-size: 0.8rem;
        float: left;
        border-radius: 5px;
      }
      .quxiao-btn{
        text-align: center;
        width: 40%;
        float: right;
        background-color: #bbb;
      }
      .examine_con_list{
            width: 100%;
            padding: 5px 30px;
            overflow: hidden;
        }
        .ex_con_lft{
            width: 30%;
            color: #828c9a;
            font-size: 0.75rem;
            float: left;
        }
        .ex_con_rgt{
            width: 68%;
            color: #344356;
            text-align: right;
            float: right;
            font-size: 0.75rem;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
      <div class="main">
        <div class="toptitle">
           电子放行条
        </div>
        <div class="statu_box">
          <div class="statu_msg">请在门岗处出示放行码</div>
          <div class="statu_erweima">
              <div class="erweima_box">
                  <div class="erweima_pic">
                      <img class="erweima" src="../image/erwema.jpg">
                  </div>
              </div>
              <div class="erweima_msg"><span>2022年03月24日 23:59</span>前有效</div>
          </div>
        </div>
        <div style="margin-top: 18px; margin-bottom: 10px;">
          <div class="examine_con_list">
            <div class="ex_con_lft">签发人</div>
            <div class="ex_con_rgt">张罗素</div>
          </div>
          <div class="examine_con_list">
            <div class="ex_con_lft">手机号码</div>
            <div class="ex_con_rgt" >17782238333</div>
          </div>
        </div>
      </div>

    <!-- </div> -->
        <div  class="bottom_btn">
            <div v-on:click="do_confirm()" class="aui-btn">保存放行条</div>
            <div v-on:click="do_close()" class="quxiao-btn">取消</div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="./js/outdoor_erweima.js"></script>

</html>
